<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>金毕生教育</title>
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="styles/skeleton.css" />
    <link rel="stylesheet" href="styles/style.css" />
    <link rel="stylesheet" href="styles/inner.css" />
    <link rel="stylesheet" href="styles/color.css" />
	<link rel="stylesheet" href="styles/layout.css" />

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
    
	<!-- Demo Switcher
	================================================== -->
    <link id="layoutcss" href="styles/fixed-layout.css" rel="stylesheet" type="text/css" />
    <link href="styles/style-switcher.css" rel="stylesheet" type="text/css" />
    

</head>


<body>
<div id="bodychild">
	<div id="outercontainer">
    
        <!-- HEADER -->
        <div id="outerheader">
        	<div class="container">
            <header id="top" class="twelve columns">
            	<div id="logo"  class="three columns alpha"><a href="index-2.html"><img src="images/logo.jpg" alt=""></a></div>
                <section id="navigation" class="nine columns omega">
                    <nav>
                        <ul id="topnav" class="sf-menu">
                            <li class="current"><a href="index-2.html">首页</a></li>
                            <li><a href="about.html">金毕生教育</a></li>
                            <li><a href="portfolio2.html">师生风采</a></li>
                            <!--<li><a href="blog.html">Blog</a></li>
                            <li><a href="portfolio.html">师生风采</a>
                            	 <ul>
                                	<li><a href="portfolio.html">Portfolio 1 Column</a></li>
                                	<li><a href="service.html">Portfolio 2 Column</a></li>
                                    <li><a href="portfolio3.html">Portfolio 3 Column</a></li>
                                    <li><a href="portfolio4.html">Portfolio 4 Column</a></li>
                                </ul>
                            </li>-->
                            <li><a href="element.html">辅导资料</a></li>
                            <li><a href="contact.html">金毕生校区地图</a></li>
                        </ul><!-- topnav -->
                    </nav><!-- nav -->	
                    <div class="clear"></div>
                </section>
                <div class="clear"></div>
            </header>
            </div>
        </div>
        <!-- END HEADER -->
        
        <!-- AFTER HEADER -->
        <div id="outerafterheader">
            <div class="container">
                <div id="afterheader" class="twelve columns">
                    <section id="aftertheheader">
                    	<hgroup>
                            <h1 class="pagetitle">Services</h1>
                            <h3 class="pagedesc">Our service overview</h3>
                        </hgroup>
                    </section>
                </div>
            </div>
        </div>
        <!-- END AFTER HEADER -->
        
        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div class="container">
        	<section id="maincontent" class="twelve columns">
            	<article>
                    <p><img src="images/content/pic4.jpg" alt="" class="scale-with-grid" /></p>
                    <h3>What Services We Offer</h3>
                    <p>Aliquam eu ligula metus, eu gravida lorem. Ut ut nunc vitae est sodales faucibus faucibus ut sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut blandit cursus elit a facilisis. Phasellus ut purus justo. Donec at luctus tellus. Vestibulum mollis vestibulum justo, aliquet interdum ligula lacinia eu. Sed at urna sed libero dictum porttitor.</p>
                </article>
                
                <article>
                    <div class="one_fourth firstcols">
                        <img src="images/icon/icon1.png" alt="" class="alignleft" /><h4 class="valignmiddle">HTML 5 &amp; CSS 3</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
                    <div class="one_fourth">
                        <img src="images/icon/icon2.png" alt="" class="alignleft" /><h4 class="valignmiddle">Well Decumented</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
                    <div class="one_fourth">
                        <img src="images/icon/icon3.png" alt="" class="alignleft" /><h4 class="valignmiddle">Best Management</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
                    <div class="one_fourth lastcols">
                        <img src="images/icon/icon4.png" alt="" class="alignleft" /><h4 class="valignmiddle">Sales Analysis</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
                    
                    <div class="one_fourth firstcols">
                        <img src="images/icon/icon5.png" alt="" class="alignleft" /><h4 class="valignmiddle">jQuery Plugins</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
                    <div class="one_fourth">
                        <img src="images/icon/icon6.png" alt="" class="alignleft" /><h4 class="valignmiddle">Ongoing Support</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
                    <div class="one_fourth">
                        <img src="images/icon/icon7.png" alt="" class="alignleft" /><h4 class="valignmiddle">Password Protected</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
                    <div class="one_fourth lastcols">
                        <img src="images/icon/icon8.png" alt="" class="alignleft" /><h4 class="valignmiddle">Help Mode</h4>
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                    </div>
                </article>
                
                <div class="separator line"><div></div></div>
                
                <article>
                    <h2>Our Skills</h2>
                    <p>Pellentesque ac ante arcu. Mauris quis nunc velit. Praesent hendrerit bibendum libero, vitae fermentum eros bibendum eget. Morbi molestie volutpat elementum. Etiam at erat tortor. Etiam vel ipsum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                    
                    <div class="one_third firstcols">
                        <span class="circle alignleft">1</span>
                        <h4>Nulla a ligula nisi, ut tempus ipsum. Integer ornare erat vitae.</h4>
                        <div class="indentleft">Pellentesque auctor vehicula sapien, et lacinia neque convallis ac. Curabitur porttitor laoreet metus.</div>
                    </div>
                    <div class="one_third">
                        <span class="circle alignleft">2</span>
                        <h4>Nam vel nunc at augue vehicula feugiat. Vivamus rhoncus lacus eu.</h4>
                        <div class="indentleft">Pellentesque auctor vehicula sapien, et lacinia neque convallis ac. Curabitur porttitor laoreet metus.</div>
                    </div>
                    <div class="one_third lastcols">
                        <span class="circle alignleft">3</span>
                        <h4>Donec malesuada tincidunt tortor, elementum pulvinar.</h4>
                        <div class="indentleft">Pellentesque auctor vehicula sapien, et lacinia neque convallis ac. Curabitur porttitor laoreet metus.</div>
                    </div>
                </article>
                
                <div class="clear"></div><!-- clear float --> 
            </section>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
        
        <!-- AFTER CONTENT -->
        <div id="outeraftercontent">
            <div class="container">
            <div id="aftercontent" class="twelve columns">
                <section id="afterthecontent">
                    <ul class="sn">
                        <li><a title="Facebook" href="http://facebook.com/"><span style="background:url(images/social/facebook.png)" class="icon-img"></span></a></li>
                        <li><a title="Twitter" href="http://twitter.com/"><span style="background:url(images/social/twitter.png)" class="icon-img"></span></a></li>
                        <li><a title="StumbleUpon" href="http://stumbleupon.com/"><span style="background:url(images/social/stumbleupon.png)" class="icon-img"></span></a></li>
                        <li><a title="Youtube" href="http://youtube.com/"><span style="background:url(images/social/youtube.png)" class="icon-img"></span></a></li>
                        <li><a title="Lastfm" href="http://www.last.fm/"><span style="background:url(images/social/lastfm.png)" class="icon-img"></span></a></li>
                    </ul>
                    <address class="addr">1234 Majapahit Road, Glasgowth, A05 897R.<br>Freephone: +1 800 123 456</address>
                </section>
            </div>
            </div>
        </div>
        <!-- END AFTER CONTENT -->
        
        <!-- FOOTER -->
        <div id="outerfooter">
        	<div class="container">
        	<div id="footercontainer" class="twelve columns">
            	<footer id="footer">&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></footer>
            </div>
            </div>
        </div>
        <!-- END FOOTER -->
        
	</div><!-- end bodychild -->
</div><!-- end outercontainer -->

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<!-- jQuery Superfish -->
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="js/tinynav.min.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="js/custom.js"></script>

<!-- Demo Switcher -->
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
